const itemsPerPage = 7; // 每页显示的项目数
let currentPage = 1; // 当前页码
const items = document.querySelectorAll('tbody>tr'); // 获取所有项目
console.log(items);

const totalItems = items.length; // 总项目数
const totalPages = Math.ceil(totalItems / itemsPerPage); // 总页数

function showPage(page) {
  // 隐藏所有项目
  items.forEach(item => item.classList.remove('active'));
  // 计算当前页的起始和结束索引
  const start = (page - 1) * itemsPerPage;
  const end = start + itemsPerPage;
  // 显示当前页的项目
  for (let i = start; i < end && i < totalItems; i++) {
    items[i].classList.add('active');
  }
  // 更新页码按钮
  updatePaginationButtons();
}

function updatePaginationButtons() {
  const pagination = document.querySelector('.page');
  // 清除现有的页码按钮
  pagination.innerHTML = '<button id="prev">上一页</button>';
  // 添加页码按钮
  for (let i = 1; i <= totalPages; i++) {
    const button = document.createElement('button');
    button.textContent = i;
    button.addEventListener('click', () => {
      showPage(i);
    });
    if (i === currentPage) {
      button.disabled = true;
      button.style.fontWeight = 'bold';
    }
    pagination.appendChild(button);
  }
  // 添加下一页按钮
  pagination.appendChild(document.createElement('button').textContent = '下一页');
  // 设置上一页和下一页按钮的事件监听
  document.getElementById('prev').addEventListener('click', () => {
    if (currentPage > 1) {
      currentPage--;
      showPage(currentPage);
    }
  });
  document.getElementById('next').addEventListener('click', () => {
    if (currentPage < totalPages) {
      currentPage++;
      showPage(currentPage);
    }
  });
}

// 初始化显示第一页
showPage(currentPage);